import { createBrowserRouter } from "react-router-dom";

import NouFound from "../pages/NouFound";
import Login from "@/pages/Login";
import Acticle from "../pages/Acticle";
import About from "../pages/About";
import Board from "../pages/Board";

const router = createBrowserRouter([
  {
    path: "/",
    element: <Login />,
  },
  {
    index: true,
    path: "/login",
    element: <Login />,
  },
  {
    path: "/acticle",

    element: <Acticle />,
    children: [
      {
        index: true,
        // path: "/acticle/about",
        element: <About />,
      },
      {
        path: "/acticle/board",
        element: <Board />,
      },
    ],
  },
  {
    path: "*",
    element: <NouFound />,
  },
]);

export default router;
